<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Media Star - Responsive Html5 Portfolio Template</title>
    <meta name="description" content="Media Star - Responsive Html5 Portfolio Template" />
    <meta name="author" content="Felixplus - www.felixplus.com" />
    <meta name="keywords" content="wordpress, themes, wordpress themes, premium wordpress themes, premium themes, wordpress theme shop, free themes, drupal themes, wordpress templates" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />		
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/quick-sand.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/timeline.css" type="text/css" media="all">
    <link rel="stylesheet" href="style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE 8]><link rel="stylesheet" href="css/ie8.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="all" />
	<![endif]-->
    <!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/sequence.jquery-min.js"></script>
    <script type="text/javascript" src="js/jquery.vegas.js"></script>
	<script type="text/javascript" src="js/jquery.tubular.1.0.js"></script>
    <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/customSelect.jquery.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>   
   
    <!-- Font
	================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'>   

</head>
<body class="sub right-sidebar-page">
    <div class="wrapper clearfix">
        <div id="sidebar">
        	<div id="logo-image">
            	<a href="index.html"><img src="placeholders/logo.png" alt="" /></a>
            </div>
            <nav id="main-nav">
            	<ul id="main-menu">
                	<li class="menu-home menu-parent"><a href="index.html"><span>Home</span></a></li>
                    <li class="menu-portfolio menu-parent"><a href="portfolio.html"><span>Portfolio</span></a></li>
                    <li class="current-menu-item menu-blog menu-parent">
                    	<a href="#"><span>Blog</span></a>
                        <ul>
                        	<li><a href="blog-v1.html">Blog isotope style 1</a></li>
                            <li><a href="blog-v2.html">Blog isotope style 2</a></li>
                            <li><a href="blog-v3.html">Blog timeline style</a></li>
                            <li><a href="blog-v4.html">Blog classic style</a></li>
                        </ul>
                    </li>
                    <li class="menu-bg menu-parent">
                    	<a href="#"><span>Background</span></a>
                        <ul>
                        	<li><a href="bg-slide.html">Image slide</a></li>
                            <li><a href="bg-video.html">Video slide</a></li>
                        </ul>
                    </li>
                    <li class="menu-feature menu-parent">
                    	<a href="#"><span>Features</span></a>
                        <ul>
                        	<li><a href="about.html">About</a></li>
                            <li><a href="single.html">Single</a></li>
                            <li><a href="bg-slide-content.html">Single with bg slide</a></li>
                            <li><a href="right-sidebar-full.html">Right sidebar full width</a></li>
                            <li><a href="right-sidebar-fixed.html">Right sidebar fixed width</a></li>
							<li><a href="left-sidebar.html">Left sidebar</a></li>
                            <li><a href="elements.html">Elements</a></li>
                            <li><a href="404.html">404 error</a></li>
                        </ul>
                    </li>
                    <li class="menu-colors menu-parent">
                    	<a href="#"><span>Color styles</span></a>
                        <ul>
                            <li><a href="http://felixplus.com/demo/mediastar/html/skins/facebook/index.html">Facebook</a></li>
                            <li><a href="http://felixplus.com/demo/mediastar/html/skins/dark/index.html">Dark</a></li>
                        </ul>
                    </li>
                    <li class="menu-purchase menu-parent"><a href="http://themeforest.net/item/mediastar-responsive-html5-portfolio-template/3805427"><span>Purchase</span></a></li>
<li class="menu-contact menu-parent"><a href="contact.html"><span>Contact</span></a></li>
                </ul><!--end:main-menu-->
            </nav><!--end:main-nav-->
            <aside class="twitter-widget">
            	<img src="images/icons/tweet-icon.png" alt="" />
                <div class='twitter_outer'>
                    <input type='hidden' class='tweet_id' value='envato'>
                    <input type='hidden' class='tweet_count' value='1'>
                    <div class='twitter_inner'></div>
                </div>
            </aside><!--end:widget-->
            <div id="bottom-sidebar">
            	<ul class="social-links clearfix">				
                    <li>
                        <a target="_blank" title="Facebook" href="https://www.facebook.com/felixplusthemes">
                            <img class="bottom" src="images/icons/socials/hover/facebook.png" alt="" />
  							<img class="top" src="images/icons/socials/default/facebook.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Twitter" href="https://twitter.com/Felixplusthemes">
                            <img class="bottom" src="images/icons/socials/hover/twitter.png" alt="" />
  							<img class="top" src="images/icons/socials/default/twitter.png" alt="" />                        
                        </a>
                    </li>                    
                    <li>
                        <a target="_blank" title="Behance" href="http://www.behance.net/felixplus">
                            <img class="bottom" src="images/icons/socials/hover/behance.png" alt="" />
  							<img class="top" src="images/icons/socials/default/behance.png" alt="" />                        
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Flickr" href="http://www.flickr.com/photos/felixthemes/">
                            <img class="bottom" src="images/icons/socials/hover/flickr.png" alt="" />
  							<img class="top" src="images/icons/socials/default/flickr.png" alt="" />                       
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Evanto" href="http://themeforest.net/user/felixplus">
                            <img class="bottom" src="images/icons/socials/hover/evanto.png" alt="" />
  							<img class="top" src="images/icons/socials/default/evanto.png" alt="" />                      
                        </a>
                    </li>
                                       
                </ul><!--end:social-links-->
            </div><!--end:bottom-sidebar-->
            <p id="copyright">copyright 2013 © <a target="_blank" href="http://themeforest.net/user/felixplus">felixplus.com</a></p>
        </div><!--end:sidebar-->
        <div id="left-panel">&raquo;</div>
        <div id="main-content">
        	<div id="mobile-logo-image">
            	<a href="index.html"><img src="placeholders/logo-mobile.png" alt="" /></a>
            </div><!--end:mobile-logo-image-->
			<p class="filter-picker"></p>
            <ul id="filter-by-category" class="blog-v3 option-set clearfix" data-option-key="filter">
                <li><a href="#">All</a></li>
                <li><a href="#">Digital</a></li>
                <li><a href="#">illustrator</a></li>
                <li><a href="#">Music</a></li>
                <li><a href="#">Video</a></li>
                <li><a href="#">3D Graphics</a></li>
                <li><a href="#">icon</a></li>
            </ul><!--end:filter-by-category-->
            <div id="sticky_navigation">
                <div id="dd" class="wrapper-dropdown-1" tabindex="1">
                    <span>2012</span>
                    <ul id="ss-links" class="dropdown" tabindex="1">
                        <li><a href="#november">Nov</a></li>
                        <li><a href="#october">Oct</a></li>
                        <li><a href="#september">Sep</a></li>
                        <li><a href="#august">Aug</a></li>
                        <li><a href="#july">Jul</a></li>
                        <li><a href="#june">Jun</a></li>
                    </ul>
                </div><!--end:wrapper-dropdown-1-->
            </div><!--end:sticky_navigation-->   
            <div id="ss-links" class="ss-links">
				<a href="#november">Nov</a>
				<a href="#october">Oct</a>
				<a href="#september">Sep</a>
				<a href="#august">Aug</a>
				<a href="#july">Jul</a>
				<a href="#june">Jun</a>
			</div><!--end:ss-links-->
            <div id="ss-container" class="ss-container">
                <div class="ss-row">
                    <div class="ss-left">
                        <h2 id="november">November</h2>
                    </div>
                    <div class="ss-right">
                        <h2>2012</h2>
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                            	<img class="hover-effect" src="placeholders/blog-img/blog-img-16.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                            	<img class="hover-effect" src="placeholders/blog-img/blog-img-15.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                            	<img class="hover-effect" src="placeholders/blog-img/blog-img-14.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>				
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <h2 id="october">October</h2>
                    </div>
                    <div class="ss-right">
                        <h2>2012</h2>
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>				
				<div class="ss-row">
                    <div class="ss-left">
                        <h2 id="september">September</h2>
                    </div>
                    <div class="ss-right">
                        <h2>2012</h2>
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				
				<div class="ss-row">
                    <div class="ss-left">
                        <h2 id="august">August</h2>
                    </div>
                    <div class="ss-right">
                        <h2>2012</h2>
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <h2 id="july">July</h2>
                    </div>
                    <div class="ss-right">
                        <h2>2012</h2>
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <h2 id="june">June</h2>
                    </div>
                    <div class="ss-right">
                        <h2>2012</h2>
                    </div>
                </div>
				<div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-17.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
                <div class="ss-row">
                    <div class="ss-left">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                    <div class="ss-right">
                        <div class="element ss-circle">
                            <header class="clearfix">
                            	<img src="placeholders/40x40/40x40-1.jpg" alt="" />
                                <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a href="#" class="entry-author">Administrator</a>
                                <span class="entry-meta">&nbsp;in:&nbsp;</span>
                                <a href="#" class="entry-categories">Tutorials</a>
                                <span class="entry-date">&nbsp;at 24th Oct 2012</span>
                            </header>                            
                            <div class="entry-content clearfix">
                                <img class="hover-effect" src="placeholders/blog-img/blog-img-18.jpg" alt="" />
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut...<a class="read-more" href="#">read more</a></p>
                            </div><!--end:entry-content-->
                            <footer class="clearfix">
                                <div class="footer-meta">
                                    <span class="entry-comments">224</span>
                                    <span class="entry-views">258</span>
                                    <span class="entry-likes">81</span>
                                </div><!--end:footer-meta-->
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:element-->
                    </div>
                </div>
            </div><!--end:ss-container-->
        </div><!--end:main-content-->
        <div class="clear"></div>
    </div><!--end:wrapper-->
	
	<style type="text/css"> 
		#cssawards {
			position:fixed; 
			bottom:0px; right:0px;
            z-index:9999; 
		} 
		#cssawards a {
        	width:140px; 
			height:140px;
            text-indent:-8000px; 
			display:block;
            background:url(cssa-brand.png) no-repeat; 
		} 
    </style> 
    
    <div id="cssawards">
    	<a class="moz-txt-link-rfc2396E" href="http://cssa.ws/146223v" target="_blank">http://www.cssawards.net/yoursiteurl</a>
	</div>
	
</body>
</html>